<script setup>
import { getAssetsImages } from '@/utils/tools'
const tabBarList = [
  {
    path: '/user/home',
    title: '首页',
    inactive: getAssetsImages('home.png'),
    active: getAssetsImages('home-active.png')
  },

  {
    path: '/user/mine',
    title: '我的',
    url: 'https://xiezhendong.cn',
    inactive: getAssetsImages('mine.png'),
    active: getAssetsImages('mine-active.png')
  }
]
</script>
<template>
  <router-view #default="{ Component }">
    <component :is="Component" />
  </router-view>
  <!--  <div class="v-tabbar-bottom"></div> -->
  <van-tabbar route>
    <van-tabbar-item
      replace
      v-for="(item, index) in tabBarList"
      :url="item.url"
      :to="item.path"
      :key="index"
    >
      <span>{{ item.title }}</span>
      <template #icon="props">
        <img :src="props.active ? item.active : item.inactive" />
      </template>
    </van-tabbar-item>
  </van-tabbar>
</template>

<style lang="scss" scoped></style>
